<div class="userInfo">
  <div class="msg">
    <div>基本信息</div>
    <div>
      <div class="img-upload">
        <input type="file" id="avatarFile" style="display: none" accept=".png,.jpg,.gif,.jpeg"
          (change)="fileChange($event)" />
        <div (click)="uploadFile()">
          <img class="avatar" [src]="img" *ngIf="img">
          <img class="avatar" [src]="defaultImg" *ngIf="!img">
          <div class="change"></div>
          <div style="margin-left:25px; margin-top:-20px; cursor: pointer; color: rgb(0,0,0,0.6);">更改</div>
        </div>
      </div>
      <input dTextInput type="text" name="avatar" style="display: none" [(ngModel)]="fileUrlObsKey" />
      <div>
        <div class="userName">{{ userName }}</div>
        <div class="address"><span *ngIf="address">地址：{{ address.slice(0, 8) + '...' + address.slice(-8) }}</span>
          <i *ngIf="address" id="copy" class="icon-copy" (click)="copyId(address)"
            style="margin-left: 5px; cursor: pointer;"></i>
        </div>
      </div>
      <div>
        <div>注册时间</div>
        <div>{{ createdTime }}</div>
      </div>
      <div *ngIf="phoneConnect === '已绑定'">
        <div>手机号</div>
        <div>{{ phone }}</div>
      </div>
    </div>
  </div>
  <div class="operation">
    <div>
      <div><img class='status' [src]="getImg('password')"><span>设置密码</span></div>
      <div>已设置</div>
      <div (click)="routeNavigateModify()" style="cursor: pointer;">修改密码</div>
    </div>
    <div>
      <div><img class='status' [src]="getImg(phoneConnect)"><span>绑定手机</span></div>
      <div>{{ phoneConnect }}</div>
      <div *ngIf="phoneConnect === '已绑定'" style="cursor: pointer;" (click)="connectPhone()">更换手机</div>
      <div *ngIf="phoneConnect !== '已绑定'" style="cursor: pointer;" (click)="connectPhone()">绑定手机</div>
    </div>
    <div>
      <div><img class='status' [src]="getImg(authenticated)"><span>实名认证</span></div>
      <div>{{ authenticated }}</div>
      <div *ngIf="authenticated === '已认证'"></div>
      <div *ngIf="authenticated === '未认证'" style="cursor: pointer;" (click)="userVerification()">立即认证</div>
    </div>
  </div>
  <d-button class="logOff" (click)="routeNavigateLogoff()" *ngIf="role !== 'admin'">注销账号</d-button>
</div>
